$(function () {
	// 自动轮换
	var autoRun = setInterval(function () {run("rtl",autoTime)},3000);
	// 计数器
	var count=0;
	// 动画时间
	var autoTime = 500;
	// 轮换函数
	function run(f,t) {
		// 从右向左轮换
		if (f=="rtl") {
			$("#content>li:first").animate({
			    "margin-left": "-500px"
			},t,function () {
				$(this).removeAttr("style").appendTo($("#content"));
			});	
			count++;
		}
		// 从左向右轮换
		else if (f=="ltr") {
			$("#content>li:last").prependTo($("#content")).css("margin-left","-500px").animate({
			    "margin-left": "0"
			},t,function () {
				$(this).removeAttr("style");
			});
			count--;
		}
		// 数字索引轮换
		else if (typeof(f) == "number") {
			var _count=count;
			if (count<f) {
				
				for (var i=0;i<f-_count;i++) {
					$("#content>li").eq(i).animate({
					    "margin-left": -500*(f-i)
					},t,function () {
						$(this).removeAttr("style").appendTo($("#content"));
					});
					count++;
				}
			}
			else if (count>f) {
				
				for (var i=0;i<_count-f;i++) {
					$("#content>li:last").prependTo($("#content")).css("margin-left","-500px").animate({
					    "margin-left": "0"
					},t,function () {
						$(this).removeAttr("style");
					});
					count--;
				}
			}
		}

		if (count>9) {
			count=0;
		}
	}

	$("#left").click(function () {
		clearInterval(autoRun);
		run("ltr",autoTime);	
		autoRun = setInterval(function () {run("rtl",autoTime)},3000);	
	});

	$("#right").click(function () {
		clearInterval(autoRun);
		run("rtl",autoTime);
		autoRun = setInterval(function () {run("rtl",autoTime)},3000);
	});
	$("#num>li").click(function () {

		clearInterval(autoRun);
		var num = $(this).index();
		run(num,autoTime);
		autoRun = setInterval(function () {run("rtl",autoTime)},3000);
	});
})
